<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/request.js"></script>
</head>

<body>

</body>
<script>
    // 同源 和 跨域

    // 以前demo: 同服务器下 前端 请求 后端   => 同源 

    // 现在: 一个服务器的前端 请求 另一个服务器的后端  发送请求
    // 演示: 通过live server(5500)的前端 向 apache服务器(80)的后端接口 发送请求
    // http://192.168.58.247/2210_php/day30_demo/php/searchOrderLimit.php
    // 结果:报错 Access to XMLHttpRequest at 'http://192.168.58.247/2210_php/day30_demo/php/searchOrderLimit.php?wd=&col=id&type=asc&page=1&size=10' from origin 'http://localhost:5555' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    // =>  从live Server(http://localhost:5555) 通向 apache服务器的XMLHttpRequest请求被CORS协议拒绝了: 没有 'Access-Control-Allow-Origin' 头信息在被请求的资源上


    // 同源策略
    // 同源策略：同源策略（Same origin policy）是一种约定,它是浏览器最核心也最基本的安全功能,由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。

    // 协议名、域名、端口，这三项都相同，则被称为同源。
    // 三项中只要有一项不同，则被称为跨源(跨域)。





    window.onload = async function () {
        var result = await request({
            type: "get",
            // url: "http://192.168.58.247/2210_php/day30_demo/php/searchOrderLimit.php",
            url: "http://localhost/2210_php/day30_demo/php/searchOrderLimit.php",
            data: {
                wd: "",
                col: "id",
                type: "asc",
                page: 1,
                size: 10,
            },
            dataType: "json",
        })
        console.log(result);

    }




</script>

</html>